<template>
  <i class="iconfont" :class="fontName"></i>
</template>

<script>

const classMap = {
  home: "icon-zhuye1",
  success: "icon-zhengque",
  error: "icon-cuowu",
  close: "icon-guanbi",
  warn: "icon-jinggao",
  info: "icon-xinxi",
  blog: "icon-blog",
  code: "icon-code",
  about: "icon-set_about_hov",
  weixin: "icon-weixin-copy",
  mail: "icon-email",
  github: "icon-github",
  qq: "icon-QQ-circle-fill",
  arrowUp: "icon-xiangshang",
  arrowDown: "icon-xiangxia",
  empty: "icon-empty",
  chat: "icon-liuyan",
};
export const map = classMap;
export default {
  name: 'Iconfont',
  props: {
    type: {
      type: String,
      required: true
    }
  },
  computed: {
    fontName() {
      return classMap[this.type]
    }
  },
}

</script>

<style scoped>
@import '//at.alicdn.com/t/c/font_4512896_7aw6ichi9pi.css';
</style>